<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<script type="text/javascript" src="<c:url value="js/jquery-easyui-1.5.4.2/jquery.min.js"/>"></script>
<script type="text/javascript" src="<c:url value="js/jquery-easyui-1.5.4.2/jquery.easyui.min.js"/>"></script>
<script type="text/javascript" src="<c:url value="js/jquery-easyui-1.5.4.2/locale/easyui-lang-zh_CN.js"/>"></script>
<link id="theme" rel="stylesheet" type="text/css"  href="<c:url value="js/jquery-easyui-1.5.4.2/themes/ui-cupertino/easyui.css"/>"/>
<link  rel="stylesheet" type="text/css" href="<c:url value="js/jquery-easyui-1.5.4.2/themes/icon.css"/>"/>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>增加填空信息</title>
</head>

<body>
<style>
	.line{
		margin:5px 20px;
	}
	.div{
		float:left;
		margin:0px 50px 0px 0px;
	}
	
</style>
<script type="text/javascript">
	$(function(){
		$(".back").linkbutton({
			onClick:function(){
				$(".back_").panel({
					href:"to_fill"
					
				})
			}
		})
	});
	
	$(function(){
		$('#tiku').textbox({
			icons: [{
				iconCls:'icon-add',
				handler: function(e){
					$("#tiku1").dialog("open");
				}
			}]
		})
	});		
	
	$(function(){
		$('#zsd').textbox({
			icons: [{
				iconCls:'icon-add',
				handler: function(e){
					$("#zsd1").dialog("open");
				}
			}]
		})
	});		
</script>
<div class="easyui-panel back_" data-options="fit:true,border:false">
	<a href="#" class="easyui-linkbutton back"  data-options="iconCls:'icon-back',plain:true,text:'返回'"></a>
	<a href="#" class="easyui-linkbutton"  data-options="iconCls:'icon-filesave',plain:true,text:'保存'"></a>
	<form id="emp_form" action="post">
		<div class="div">
			<div style="border-bottom:2px solid blue;width:400px;">题目信息</div>
				<div class="line">
					<input class="easyui-textbox" name="planguidedescribe" data-options="label:'试题',width:350,height:25,labelWidth:130"/>
				</div>
				<div class="line">
					<select id="sex" class="easyui-combobox" data-options="label:'题型/难度',width:235,height:25,panelHeight:'auto',labelWidth:130">
					<option>未开考</option>
					<option>考试中</option>
					<option>已交卷</option>
					</select>
					<select id="sex" class="easyui-combobox" data-options="width:110,height:25,panelHeight:'auto',labelWidth:130">
					<option>未开考</option>
					<option>考试中</option>
					<option>已交卷</option>
					</select>
				</div>
				<div class="line">
					<input class="easyui-textbox" name="standtime" id="tiku" data-options="label:'*题库',width:235,height:25,labelWidth:130"/>
					<input class="easyui-textbox" name="planguidede" data-options="width:110,height:25"/>
				</div>
				<div class="line">
					<select id="sex" class="easyui-combobox" data-options="label:'答案数',width:235,height:25,panelHeight:'auto',labelWidth:130">
					<option>2</option>
					<option>3</option>
					<option>4</option>
					</select>
				</div>
				
			</div>
			<div class="div">
				<div style="border-bottom:2px solid blue;width:400px;">概要</div>
				<div class="line">
					<select id="sex" class="easyui-combobox" data-options="label:'知识组',width:335,height:25,panelHeight:'auto',labelWidth:130">
					<option>2</option>
					<option>3</option>
					<option>4</option>
					</select>
				</div>
				<div class="line">
					<input class="easyui-textbox" name="standtime" id="zsd" data-options="label:'知识点',width:235,height:25,labelWidth:130"/>
					<input class="easyui-textbox" name="planguidede" data-options="width:100,height:25"/>
				</div>
				<div class="line">
					用于考试<input type="checkbox" name="lianxi" value="用于考试" style="margin-left:75px;margin-right:90px;">
					用于练习<input type="checkbox" name="lianxi" value="用于练习" style="margin-left:30px;">
				</div>
				<div class="line">
					图片模式<input type="checkbox" name="lianxi" value="图片模式" style="margin-left:75px;">
				</div>
			</div>
			<div class="div">
				<div style="border-bottom:2px solid blue;width:650px;">题目内容</div>
				<div class="line">
					<input class="easyui-textbox" name="planguidedescribe" data-options="width:620,height:150"/>
				</div>
			</div>
			<div class="div">
				<div style="border-bottom:2px solid blue;width:280px;">答案</div>
				
				<div class="line">答案个数
					<input class="easyui-textbox" name="planguidedescribe" data-options="width:180,height:25"/>
				</div>
			</div>
			
			<div class="div">
				<div style="border-bottom:2px solid blue;width:650px;margin-top:20px;">答案解析</div>
				<div class="line">
					<input class="easyui-textbox" name="planguidedescribe" data-options="width:620,height:80"/>
				</div>
				<div class="line">
					<input type="button" name="planguidedesce" value="添加" style="width:80px;height:30px;"/>
				</div>
			</div>
			
			<div class="easyui-dialog" id="tiku1" data-options="width:550,height:400,title:'清单查找-试卷',
				modal:true,
				closed:true,
				buttons:[{
					text:'确定',
					iconCls:'icon-ok',
					handler:function(){
						$('#f').form({
							onSubmit:function(){
								return $(this).form('validate');
							},success:function(v){
								$.messager.alert('提示','添加成功！');
								$('#win').dialog('close');
								location.reload();
							}
						}).submit();
					}
				},{
					text:'取消',
					iconCls:'icon-clear',
					handler:function(){
						$('#f').form('close');			
					}
				}]">
				<form action="" method="post" id="f_tiku">
					<div class="line">
						<input class="easyui-textbox" name="planid" data-options="label:'试卷编号',width:300,height:25"/>
					</div>
					<div class="line">
						<input class="easyui-textbox" name="planname" data-options="label:'试卷名称',width:300,height:25"/>
					</div>
					<div class="line">
						<select id="sex" class="easyui-combobox" data-options="label:'题库',width:300,height:25,panelHeight:'auto',labelWidth:85">
						<option>未开考</option>
						<option>考试中</option>
						<option>已交卷</option>
						</select>
						
						<a class="easyui-linkbutton" name="vague" data-options="text:'模糊查询',width:100,height:25" style="float:right"/>
						
					</div>
					<div class="line">
						<select id="sex" class="easyui-combobox" data-options="label:'知识组',width:300,height:25,panelHeight:'auto',labelWidth:85">
						<option>未开考</option>
						<option>考试中</option>
						<option>已交卷</option>
						</select>
						<a class="easyui-linkbutton" name="vague" data-options="text:'搜索',width:100,height:25" style="float:right"/>
					</div>
					<div class="line">
						<table class="easyui-datagrid" data-options="
							pagination:true,
							pageSize:10,
							pageList:[5,10,15,20,25],
							autoRowHeight:true,
							nowrap:false,
							autoRowHeight:true,
							rownumbers:true,
							singleSelect:true,
							striped:true">
							<thead>
							  <tr>
								<th data-options="width:120,align:'center',field:'planid'">试卷编号</th>
								<th data-options="width:120,align:'center',field:'empname'">试卷名称</th>
							 	<th data-options="width:120,align:'center',field:'planid'">题库组</th>
								<th data-options="width:120,align:'center',field:'empname'">知识组</th>
							  </tr>
							</thead>
							<tbody>
							<c:forEach begin="1" end="3">
							  <tr>
							    <td>C1001</td>
							    <td>admin</td>
							    <td>C1001</td>
							    <td>admin</td>
							  </tr>
							 </c:forEach>
							</tbody>
						</table>
					</div>
				</form>
			</div>
			
			<div class="easyui-dialog" id="zsd1" data-options="width:550,height:400,title:'清单查找-试卷',
				modal:true,
				closed:true,
				buttons:[{
					text:'确定',
					iconCls:'icon-ok',
					handler:function(){
						$('#f').form({
							onSubmit:function(){
								return $(this).form('validate');
							},success:function(v){
								$.messager.alert('提示','添加成功！');
								$('#win').dialog('close');
								location.reload();
							}
						}).submit();
					}
				},{
					text:'取消',
					iconCls:'icon-clear',
					handler:function(){
						$('#f').form('close');			
					}
				}]">
				<form action="" method="post" id="f_zsd">
					<div class="line">
						<input class="easyui-textbox" name="planid" data-options="label:'试卷编号',width:300,height:25"/>
					</div>
					<div class="line">
						<input class="easyui-textbox" name="planname" data-options="label:'试卷名称',width:300,height:25"/>
					</div>
					<div class="line">
						<select id="sex" class="easyui-combobox" data-options="label:'题库',width:300,height:25,panelHeight:'auto',labelWidth:85">
						<option>未开考</option>
						<option>考试中</option>
						<option>已交卷</option>
						</select>
						
						<a class="easyui-linkbutton" name="vague" data-options="text:'模糊查询',width:100,height:25" style="float:right"/>
						
					</div>
					<div class="line">
						<select id="sex" class="easyui-combobox" data-options="label:'知识组',width:300,height:25,panelHeight:'auto',labelWidth:85">
						<option>未开考</option>
						<option>考试中</option>
						<option>已交卷</option>
						</select>
						<a class="easyui-linkbutton" name="vague" data-options="text:'搜索',width:100,height:25" style="float:right"/>
					</div>
					<div class="line">
						<table class="easyui-datagrid" data-options="
							pagination:true,
							pageSize:10,
							pageList:[5,10,15,20,25],
							autoRowHeight:true,
							nowrap:false,
							autoRowHeight:true,
							rownumbers:true,
							singleSelect:true,
							striped:true">
							<thead>
							  <tr>
								<th data-options="width:120,align:'center',field:'planid'">试卷编号</th>
								<th data-options="width:120,align:'center',field:'empname'">试卷名称</th>
							 	<th data-options="width:120,align:'center',field:'planid'">题库组</th>
								<th data-options="width:120,align:'center',field:'empname'">知识组</th>
							  </tr>
							</thead>
							<tbody>
							<c:forEach begin="1" end="3">
							  <tr>
							    <td>C1001</td>
							    <td>admin</td>
							    <td>C1001</td>
							    <td>admin</td>
							  </tr>
							 </c:forEach>
							</tbody>
						</table>
					</div>
				</form>
			</div>
	</form>
	
</div>
</body>
</html>